<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
	<meta charset="UTF-8">
	<title></title>
	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/css/bootstrap.min.css" />
	<script src="${pageContext.request.contextPath}/static/js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
	<script src="${pageContext.request.contextPath}/static/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="${pageContext.request.contextPath}/static/echars/echarts.min.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<br>
	<div class="form-group" style="width: 70%;height: 600px;">
		<div id="main" style="width: 100%;height: 100%;"></div>
	</div>
	<script type="text/javascript">
		let user =${umap}
		// 基于准备好的dom，初始化echarts实例
		/**
		 * 统计图
		 * user表
		 * 会员增长趋势统计（id【字段名】，createdTime【字段名】）
		 * */
		var myChart = echarts.init(document.getElementById('main'));
		// 指定图表的配置项和数据
		var option = {
			title: {
				text: '会员增长趋势统计'
			},
			tooltip: {
				trigger: 'axis'
			},
			xAxis: {
				type: 'category',
				data: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]
			},
			yAxis: {
				type: 'value'
			},
			series: [{
				name:'会员统计',
				type: 'line',
				data: [user[1],user[2],user[3],user[4],user[5],user[6],user[7],user[8],user[8],user[10],user[11],user[12]]
			}]
		};
		// 使用刚指定的配置项和数据显示图表。
		myChart.setOption(option);
	</script>
</body>
</html>

